<!--登录页面-->
<!--一个页面，一个模块，模块要以页面的形式来划分-->
<img class="img" src="img/3.jpg">
<div class="container" ng-app="loginApp" ng-controller="loginController"
     style="opacity: 0.8;">
    <div class="col-md-12" >
        <div class="page-header" style="border:none;text-align: center">
            <h1>angularJS增删改查</h1>
        </div>
    </div>
    <!--//错误提示信息-->
    <div id="message" class="well text-danger" ng-show="message">{{message}}</div>
    <!--登录表单-->
    <form ng-submit="postForm()">
        <div class="form-group">
            <label>用户名</label>
            <input type="text" class="form-control" name="username" placeholder="用户名" ng-model="formData.username">
            <span class="help-block" ng-show="errorUsername">{{errorUsername}}</span>
        </div>
        <div class="from-group">
            <label >密码</label>
            <input type="password" class="form-control" name="password" placeholder="密码" ng-model="formData.password" >
            <div class="progress help-block" ng-show="formData.password.length >= 6">
                <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar"
                     aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: {{ (formData.password.length - 6) / 2 * 10 + 50 }}%">
                    <span class="sr-only">40% Complete (success)</span>
                </div>
            </div>
            <span class="help-block" ng-show="errorPassword">{{errorPassword}}</span>
        </div>
        <button style="margin-top:20px;" type="submit" class="btn btn-success btn-block btn-lg">提交</button>
    </form>
</div>